<template>
  <div class="denglu">
    <div class="denglu1">
      <div class="denglu1_1"></div>
      <div class="denglu1_2" @click="guan">X</div>
    </div>
    <div class="denglu2">欢迎来到LOL</div>
    <div class="denglu3">输入账号</div>
    <div class="denglu4">输入密码</div>
    <!-- <div class="denglu5">立即登录</div> -->
    <div class="denglu6">注册账号</div>
  </div>
</template>

<script>
export default {
methods:{
  guan(){
    this.$router.go(-1)
  }
}
}
</script>

<style scoped>
.denglu{
  width: 100%;
  height: auto;
  /* background-color: #222127; */
  font-size: 0.15rem;
}
.denglu1{
  width: 100%;
  height: 1rem;
  /* background-color: red; */
  display: flex;
  justify-content: space-between;
}
.denglu1_1{
width: 90%;
}
.denglu1_2{
  width: 00.5rem;
  height: 00.5rem;
  color: white;
  background-color: #25272c;
  font-size: 0.35rem;
  text-align: center;
  border-radius: 50%;
  margin-top: 0.3rem;
}
.denglu2{
  width: 100%;
  height: 2rem;
  color: #dcbc93;
  font-size: 0.5rem;
  text-align: center;
  font-family: Georgia, 'Times New Roman', Times, serif;

}
.denglu3{
  width: 80%;
  height: 0.5rem;
  margin-left: 00.37rem;
  border-bottom: 0.02rem solid #dcbc93;
  text-align: center;
}
.denglu4{
  width: 80%;
  height: 0.5rem;
  margin-left: 00.37rem;
   border-bottom: 0.02rem solid #dcbc93;
    text-align: center;
}
.denglu5{
width: 40%;
height: 00.4rem;
background-color:#dcbc93 ;
margin-top: 0.35rem;
 margin-left: 1rem;
 border-radius: 0.15rem;
 text-align: center;
 line-height: 0.35rem;
}
.denglu6{
   width: 40%;
height: 00.4rem;
background-color:#dcbc93 ;
margin-top: 0.35rem;
 margin-left: 1rem;
  border-radius: 0.15rem;
  text-align: center;
 line-height: 0.35rem;
}
</style>